$.fileUpload = {
    init: function () {
        // 初始化相关元素和事件
        $('#fileInput').on('change', this.uploadImage);
        $('.UploadImg').on('click', this.triggerFileInput);
    },
    triggerFileInput: function () {
        $('#fileInput').click();
    },
    uploadImage: function () {
        var file = $('#fileInput')[0].files[0];
        if (file) {
            var formData = new FormData();
            formData.append('file', file);

            $.ajax({
                url: uploadUrl,
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function (response) {
                    var imgUrl = response.url;  // 获取图片 URL
                    var imgElement = document.createElement('img');  // 创建新的 img 元素
                    imgElement.src = imgUrl;  // 设置图片源
                    imgElement.style.width = '100px';  // 设置宽度
                    imgElement.style.height = '100px';  // 设置高度
                    imgElement.style.borderRadius = '10px';  // 设置圆角
                    imgElement.style.border = '1px solid #d9d9d9';  // 设置边框
                    $('#imgUrl').val(response.url);
                    // 清空之前的内容
                    $('#imgList').html('');

                    // 将新创建的图片元素添加到 imgList 中
                    $('#imgList').append(imgElement);
                    $('#addBtn').hide();
                },
                error: function (error) {
                    alert('图片上传失败，请重试！');
                }
            });
        }
    }
}